@import "../core/variables/_variables";

body a.project-link {
  span {
    text-decoration: underline;
  }
}

body.dark-layout .project-link svg {
  color: #ffffff;
}

body.dark-layout .project-card-item-title {
  color: $theme-dark-grey-color;
}

body .project-card-footer {

  a {
    display: flex;
    align-items: center;

    span {
      color: #6F64F8;
      text-transform: uppercase;
    }
  }
}

.project-card-item-title {
  white-space: nowrap;
}

.project-card-title {
  font-size: 14px!important;
  padding-right: 10px;
  display: block;
  flex: 1;
  width: 100%;
  white-space: nowrap;
}

.project-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.project-search {

  input {
    border-radius: 8px!important;
    font-size: 14px;
    height: 45px;

    &::-webkit-input-placeholder { font-size: 14px; }
    &::-moz-placeholder { font-size: 14px; }
    &:-moz-placeholder { font-size: 14px; }
    &:-ms-input-placeholder { font-size: 14px; }
  }

  .form-control-position {
    top: 3px;
  }
}
.project-add-btn-container {
  height: 45px;
}

.project-add-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
  text-transform: uppercase;
  color: #EBEEFC;
  height: 45px;
  width: 330px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.project-edit-icon {
  cursor: pointer;
  margin-left: 7px;

  svg {
    stroke: #7367f0;
  }
}

body.dark-layout .project-edit-icon svg {
  stroke: #EBEEFC;
}

.project-card-services a {
  white-space: nowrap;

  svg {
    margin: 0 7px;
  }
}

@media screen and(max-width: 1700px) {
  .project-card-header {
    display: flex;
    justify-content: start;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: start;
  }
}
.project-card-content {
  .desc {
    word-break: break-word;
  }
}

@media screen and(max-width: 1415px) {
  .project-card-content {
    flex-direction: column;

    .desc {
      margin-top: 7px;
    }
  }
}

@media screen and(max-width: 1199px) {
  .project-card-header {
    justify-content: space-between;
    flex-direction: row;
    align-items: start;
  }

  .project-card-content {
    flex-direction: row;

    .desc {
      margin-top: 0;
    }
  }
}

@media screen and(max-width: 980px) {
  .project-card-header {
    justify-content: start;
    flex-direction: column;
  }
}

@media screen and(max-width: 767px) {
  .project-card-header {
    justify-content: space-between;
    flex-direction: row;
    align-items: start;
  }
}

@media screen and(max-width: 476px) {

  .project-card-content {
    flex-wrap: wrap;

    .desc {

      p {
        margin-bottom: 0;
      }
    }
  }

  .project-card-header {
    justify-content: start;
    flex-direction: column;
  }

  .project-add-btn {
    width: 200px;
    padding: 0!important;
  }

}
